/*

Copyright 2016-present Palantir Technologies, Inc. All rights reserved.
Licensed under the Apache License, Version 2.0.

*/

@import "@blueprintjs/colors/lib/scss/colors";
@import "@blueprintjs/core/src/common/variables";
@import "@blueprintjs/core/src/common/mixins";
@import "./common/loading";
@import "./common/variables";
@import "./cell/cell";
@import "./cell/formats/formats";
@import "./cell/borders";
@import "./headers/headers";
@import "./interactions/interactions";
@import "./layers/layers";
@import "./quadrants/quadrants";

$body-z-index: $pt-z-index-content !default;
$column-z-index: $body-z-index + 1 !default;
$row-z-index: $column-z-index + 1 !default;
$menu-z-index: $row-z-index + 1 !default;

.#{$ns}-table-container {
  background-color: $table-background-color;
  display: flex;
  flex-direction: column;
  height: 100%; // IE 11
  max-height: 100%;
  max-width: 100%;
  min-height: $pt-spacing * 15; // For unit tests, we make sure at least one row is visible
  overflow: hidden;
  will-change: transform; // forces hardware acceleration for smoother animations

  .#{$ns}-dark & {
    background-color: $dark-table-background-color;
  }

  .#{$ns}-loading {
    @include table-skeleton;
    color: transparent;
  }
}

.#{$ns}-table-top-container {
  display: flex;
  flex: 0 0 auto;
  min-height: 0%; // Must use % unit for IE11

  .#{$ns}-table-container.#{$ns}-table-no-rows & {
    // edge case when there are no rows: keep bottom borders visible on menu
    // element and column headers
    padding-bottom: 1px;
  }
}

.#{$ns}-table-bottom-container {
  color: $cell-text-color;
  display: flex;
  flex: 1 1 auto;
  height: 100%; // IE 11
  min-height: 0%; // Must use % unit for IE11

  .#{$ns}-dark & {
    color: $dark-cell-text-color;
  }
}

.#{$ns}-table-menu {
  background-color: $header-background-color;
  flex: 0 0 auto;
  // Stay above the moving table-header
  position: relative;
  z-index: $menu-z-index;

  .#{$ns}-dark & {
    background-color: $dark-header-background-color;
  }
}

.#{$ns}-table-column-headers {
  background-color: $header-background-color;
  color: $column-header-text-color;
  display: block;

  // allow absolute position for region overlays
  position: relative;
  // make custom header content overlap table body
  z-index: $column-z-index;

  .#{$ns}-dark & {
    background-color: $dark-header-background-color;
    color: $dark-column-header-text-color;
  }
}

.#{$ns}-table-row-headers {
  background-color: $header-background-color;
  color: $row-header-text-color;
  flex: 0 0 auto;
  // allow absolute position for region overlay
  position: relative;

  // animate width changes on scroll end
  transition: width $pt-transition-duration $pt-transition-ease;
  // make custom header content overlap table body
  z-index: $row-z-index;

  .#{$ns}-dark & {
    background-color: $dark-header-background-color;
    color: $dark-row-header-text-color;
  }
}

.#{$ns}-table-body {
  flex: 1 1 100%;
  overflow: scroll;
  position: relative;
  z-index: $body-z-index;
}

.#{$ns}-table-body-virtual-client {
  position: relative;
}

.#{$ns}-table-cell-client {
  background: $cell-background-color;

  .#{$ns}-dark & {
    background: $dark-cell-background-color;
  }
}

.#{$ns}-table-tbody {
  display: block;
  white-space: nowrap;
}

.#{$ns}-table-cell {
  display: inline-block;
}

.#{$ns}-table-no-layout {
  display: inline-block;
  position: absolute;
}
